body, div, iframe, ul, ol, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, pre, table, th, td, 

form, input, button, select, textarea {margin: 0;padding: 0;font-style: normal;font-size: 100%;font-family: inherit;}

ol, ul {list-style: none;}

img {border: 0;}

a:link,a:visited {color:#333;text-decoration:none;}

a:hover {color:#3A7DD4;text-decoration:none;}

em,i {font-style:normal}

body {font-size:14px;color:#7C7C7C;font-family:'微软雅黑','Microsoft Yahei', Tahoma,Verdana;background:#f6f6f6;}

div,form,img,ul,ol,li,dl,dt,dd {margin: 0; padding: 0; border:0; }

h1,h2,h3,h4,h5,h6 {margin:0; padding:0; font-size:18px; font-weight:bold;}

table,td,tr,th{font-size:12px;}

li{list-style-type:none;}

img{vertical-align:top;-ms-interpolation-mode: bicubic;}

.cr {clear:both;height:0px;overflow:hidden;}

.fl {float:left;}

.fr {float:right;}

.mt10 {margin-top:10px;}

.mt20 {margin-top:20px;}

.mb20 {margin-bottom:20px;}

.side-vd {margin-top:20px;}

.nomt {margin-top:0;}

.hidden,.ins {display:none}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}

.clearfix{*zoom:1;}

:after {text-indent: -9999em;overflow: hidden;}

.w,#footer,#main {width:1250px;margin:0 auto;}

.bold {font-weight:bold;}

#header {clear:both;background:#fff;height: 100px;}

.ins {display:none}

/* 公供 */

.logo {float:left;widtH:250px;height:76px;padding-top:12px}

.logo a,.logo a:visited {float:left;width:100%;line-height:240px;height:76px;overflow:hidden;display:block;background:url(logo.png) no-repeat 0 center;}

.menu {float: right;height: 100px;}

.menu li {float: left;padding: 40px 20px 0;height: 60px;}

.menu li:last-child {padding-right: 0;}

.menu li a {display: block;line-height: 30px;font-size: 18px; position: relative;padding: 0 5px;}

.menu li a:hover{color:#236FFB;}

.menu li a:hover:after,.menu a.on:after,.drop-on a:after {border-bottom: 3px solid #236FFB;content: ".";width: 100%;position: absolute;bottom:-30px;left: 0;text-indent: -9999em;}

.drop-t em {background: url(drop.png) no-repeat;width: 12px;height: 6px;display: inline-block;margin-left: 8px;vertical-align: middle;transition: .3s ease-in}

.drop-on em {transform: rotate(180deg);}

.drop-b {display: none;background: #343434;position: fixed;width: 100%;top: 100px;left: 0;}

.drop-b dl {float: left;width: 14.285714%;padding: 40px 0 60px;}

.drop-b dl dt {padding: 0 15px;}

.drop-b dl:first-child dt,.drop-b dl:first-child dd {padding-left: 0;}

.drop-b dl:first-child dd {padding-left:15px}

.drop-b dl:last-child dt {padding-right: 0;}

.drop-b dl dt a {display: block;background: #2E2E2E;border-radius: 5px;color: #fff;text-indent:1em;line-height: 40px;font-size: 16px}

.drop-b dl dd {line-height: 38px;padding-left: 32px;}

.drop-b dl dd a {display: inline-block;line-height: 30px;height: 30px;color: #ccc;font-size: 14px;border-bottom: 1px solid #343434;}

.drop-b dl dd a:hover {border-bottom: 1px solid #236FFB;}

.menu li .drop-b a {padding: 0;}

.menu li .drop-b a:hover:after {display: none;}



/* back-top */

#gotop {position:fixed;right: 20px;bottom: 230px;display: none;z-index: 96;}

*html #gotop{position:absolute;_top: expression(documentElement.scrollBottom + 160 + "px");}

#gotop a {width: 50px;height: 50px;display: block;overflow: hidden;text-indent: -999px;background: url(gotop.gif) 0 0 no-repeat #9f9f9f;border-radius:50px}

#gotop a:hover {background-position: -50px 0;background-color: #3A7DD4;}



/* 最小宽*/

/*#footer,.fullSlide,.youshi,.loop,.banner-faq{min-width:1180px;}*/

#footer {clear:both;background:#fff;color:#888;padding:25px 0;text-align: center;}

#footer p {line-height: 30px;}

#footer a{color: #888;}

#footer a:hover {color:#236FFA}

.links {margin-bottom: 0;}

.links p {line-height: 30px;}

.links p a {margin-right: 1em;color: #c0c0c0;font-size: 12px;}

.links p a:hover {color: #236FFA;}

/* 联系我们banner */

.contact-bar {background: #434343;text-align: center;padding: 30px 0 40px;clear: both;}

.contact-bar p {color: #bbb;font-size: 24px;line-height: 30px;padding-bottom: 30px;}

a.btn {height: 44px;border-radius: 5px;line-height: 44px;color: #909090;text-align: center;text-decoration: none;font-size: 18px;border: 1px solid #909090;display: inline-block;padding: 0 60px;}

a.btn:hover {border: 1px solid #236FFB;color: #236FFB;}

.sbtn {line-height: 42px;height: 42px;background: #236FFB;color: #fff;font-size: 16px;border: none;width: 100%;margin: 0;display: block;cursor: pointer;}

.sbtn:hover {background: #3A7DD4;}



.banner {clear:both;width: 100%;margin-bottom: 20px;}

.banner img {width: 100%;min-width: 1250px;}

.banner span {display: none;}



.side {float: left;width: 250px;}

.rfixed {width:250px;background:#fff}

.col {float: right;width: 980px;}

.col .mid {width: 710px;float: left;}

.col .col_side {width: 250px;float:right}



.cos .mid {width: 710px;float: left;}

.cos .col_side {width: 250px;float:right}

.box {background: #fff;margin-bottom: 20px;}

.nomb {margin-bottom: 0;}

.float { position: fixed; top: 0px; left: 50%; margin-left: -625px; background-color: #fff;}

.float2 { position: absolute; top: auto; bottom: 20px; right: 0; z-index: 98; }



#main {position: relative;}

/* 首页 */

.znav {margin:0;}

.znav .tit {background: #236FFB;height: 66px;line-height: 66px;text-align: center;position: relative;}

.znav .tit h3 {font-size: 18px;color: #fff;}

.znav .tit:after {content: ".";text-indent:-9999em;position: absolute;bottom: -7px;left: 50%;width:0;height:0;border-width:7px 7px 0;border-style:solid;border-color:#236FFB transparent transparent;margin-left: -7px;}

.znav ul {padding: 20px 0 50px;}

.znav li {line-height: 52px;height: 52px;position: relative;text-align: center;font-size: 16px;padding-bottom: 1px;}

.znav li a {display: block;}

.znav li.on a,.znav li a:hover {background: #236FFB;color: #fff;}

.znav li.on a:after,.znav li a:hover:after {content: ".";text-indent:-9999em;position: absolute;top: 50%;right: -6px;width:0;height:0;border-width:6px 0 6px 7px;border-style:solid;border-color:transparent transparent transparent #236FFB ;margin-top: -3px;}



.title {height: 24px;padding: 20px 0;}

.title b {display: inline-block;line-height: 24px;border-left: 4px solid #236FFB;padding-left: 20px;font-size: 16px;color: #000;}

.diyform,.content,.nlist,.links p,.speed {padding: 0 20px 20px;}

.diyform li {height: 36px;padding-bottom: 14px;clear: both;}

.diyform li input.inpt {width: 100%;}

.diyform .fbtn {}

.inpt {border: 1px solid #E6E6E6;line-height: 26px;height: 26px;padding: 5px 0;text-indent: 10px;}



.content {text-align: center;}

.content .kftel {font-size: 26px;color: #236FFA;font-weight: bold;padding-bottom: 6px;}

.content .week {color: #888;line-height: 30px;}

.content .bizqq {line-height: 30px;color: #236FFA;padding-bottom: 14px;}

.content .gzh {border-top: 1px solid #E6E6E6;padding: 20px 0 0;}

.content .gzh img {width: 146px;height: auto;}

.content .gzh p {color: #999;line-height: 30px;}

.nlist ul {margin-top: -10px;}

.nlist li {line-height: 38px;height: 38px;font-size: 16px;overflow: hidden;}



.speed li {height: 110px;position: relative;padding: 0 40px;display: inline-block;text-align: center;}

.speed li:after {content: ".";display: block;position: absolute;top:50%;right: -7px;margin-top: -22px;width: 15px;height: 22px;background: url(speed.png) no-repeat;}

.speed li em {display: block;}

.speed li i {width: 54px;height: 46px;display: inline-block;}

.speed li p {font-size: 16px;color: #333;padding-top: 18px;}



.speed li:last-child {padding-right: 0;}

.speed li.last:after {display: none;}

.si {background: url(speedico.png) no-repeat;}

.i1 {background-position:  8px 0px}

.i2 {background-position:  -54px 0px}

.i3 {background-position:  -108px 0px}

.i4 {background-position: -164px 0px}

.i5 {background-position:  -216px 0px}

.i6 {background-position:  -270px 0px}



.project {margin-bottom: 0;}

.project h2 {font-size: 20px;color: #333;font-weight: 700;text-align: center;padding: 40px 0 20px;}

.project p.desc {text-align: center;color: #999;padding-bottom: 12px;}

.project ul li {float: left;width: 300px;padding: 14px 0 14px 36px;}

.project ul li span {width: 300px;height: 190px;display: block;overflow: hidden;}

.project ul li p {font-size: 16px;line-height: 30px;padding-top: 10px;}

.project ul li a {color: #7E7E7E;display: block;}

/*下拉框*/

.filter-disabled {-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;}

.filter-box {position: relative;}

.filter-box select {display: none;}

.filter-text {height: 100%;overflow: hidden;position: relative;cursor: pointer;padding: 0 30px 0 10px;background: #fff;border: 1px solid #e6e6e6;}

.filter-text input {font-size: 14px;}

.filter-text .filter-title {width: 100%;height: 36px;line-height: 36px;border: 0;background-color: transparent;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0;cursor: pointer;color: #888;}

.filter-list {display: none;width: 100%;max-height: 300px;background-color: #fff;font-size: 14px;position: absolute;top: 42px;left: 0;z-index: 99;border: 1px solid #e6e6e6;overflow: auto;}

.filter-list li.filter-null a {color: #d2d2d2;}

.filter-list li a {display: block;padding: 0 10px;line-height: 36px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;cursor: pointer;}

.filter-list li:hover {background-color: #f2f2f2;}

.filter-list li.filter-selected {background-color: #236FFB;}

.filter-list li.filter-selected a {display: block;color: #fff;}

.filter-list li.filter-disabled {background-color: #fff;}

.filter-list li.filter-disabled a {display: block;color: #d2d2d2;}

.filter-list li.filter-disabled:hover a {cursor: not-allowed!important;background-color: #fff;}

.icon {position: absolute;}

.icon-filter-arrow {width: 8px;height: 6px;background-repeat: no-repeat;background-image: url(select.png);background-size: 100%;right: 10px;top: 13px;transition: all .2s;}

.icon-filter-arrow.filter-show {-webkit-transform: rotate(-180deg);transform: rotate(-180deg);}

.filter-list::-webkit-scrollbar {width: 4px;height: 4px;}

.filter-list::-webkit-scrollbar-track {background: #fff}

.filter-list::-webkit-scrollbar-thumb {background: #CBCBCB;}



.view {padding: 18px;}

.loaction {line-height: 60px;border-bottom: 1px solid #eee;}

.newslist {}

.newslist ul {padding: 0 10px;}

.newslist li {padding:30px 10px;border-bottom:1px dashed #ccc ;height:160px;position: relative;}

.newslist li:first-child {border-top:0;}

.newslist li a.img {width:230px;height:160px;overflow: hidden;position: absolute;top:30px;left: 0;}

.newslist li a.img img,.project ul li img,.case ul li img {-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;width: 100%;height: 100%;}

.works ul li img {-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;width: 100%;height: 100%;}

.newslist li:hover img,.project ul li a:hover img,.case ul li a:hover img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1)}

.works ul li a:hover img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1)}

.newslist li p {padding-left: 248px;}

.newslist li b {display:block;font-size:20px;line-height:28px;overflow:hidden;font-weight: 400;padding-bottom: 10px;}

.newslist li span {display:block;line-height:30px;color:#888;}

.newslist li em {display:block;color:#aaa;font-style:normal;padding: 8px 0;}

.newslist li em a,.newslist li em a:visited {color:#20C7FC;}

.newslist li em i {padding-right: 1em;}

.view .hd {padding: 20px 0;border-bottom: 1px dashed #ccc;}

.view .hd h1  {font-size:24px;line-height:30px;padding:20px 0 20px 0;font-weight:400;text-align:center;color:#333}

.view .hd .auor {line-height:30px;text-align:center;color:#959595;color:#eee;}

.view .hd .auor span {padding:0 10px;color:#999}

#endtext{padding:20px 0px 10px;line-height:28px;font-size:14px;color:#717171}

#endtext p{margin-bottom:20px;}

#endtext img {

	max-width:910px;

	myimg:expression(onload=function(){

	this.style.width=(this.offsetWidth > 910)?"910px":"auto"; 

}

);

}

.tag {text-align: right;height: 40px;}

.tag a {color: #236FFA;}

.tag a:hover {color: #f00;}

.infoprev {border: solid #eee;border-width: 1px 0;padding:  10px 0;height: 30px;line-height: 30px;color: #236FFA;}

.infoprev p {float: left;width: 50%;}

.infoprev p.last {text-align: right;}

.comment {padding: 0 10px;}

.comment h4 {font-size: 16px;color: #236FFA;padding: 20px 0 10px;}



/*产品*/

.pnav {padding: 30px 0;border: solid #eee;border-width: 1px 0;}

.pnav li {padding: 0 20px;float: left;}

.pnav li a {display:block;line-height: 50px;height: 50px;padding: 0 30px;font-size: 18px;background: #e7e7e7;color: #252525;border-radius: 50px;}

.pnav li a:hover,.pnav li a.on {background: #236FFA;color: #fff;}

.product .hd {border-bottom: 0;}

.product .hd h1 {color: #000;font-size: 26px;font-weight: bold;}

.product .bd {padding: 0 18px;line-height: 28px;}

.product .bd .title {padding: 30px 0;} 

.product .title b {font-size: 24px;font-weight: 400;padding-left: 30px;}

.product .title span {padding-left: 1em;font-size: 16px;color: #bababa;}

.product .extend {padding: 0 20px 0 34px;line-height: 28px;color: #8D8D8D;font-size: 16px;}

.product .extend p {margin-bottom: 20px;}

.product .extend h3 {color: #236FFA;font-size: 16px;height:40px;}

.product .extend a {color: #236FFA;}

.product .extend a:hover {color: #000;}

.product .extend table {border-collapse: collapse;}

.product .extend table th {color: #fff;}

.product .extend img {

	max-width:850px;

	myimg:expression(onload=function(){

	this.style.width=(this.offsetWidth > 850)?"850px":"auto"; 

}

);

}

.sbox {border-bottom: 1px dashed #ddd;padding-bottom: 20px;}


.works ul li {float: left;width: 270px;height;180px;text-align: center;padding: 5px 0 15px 125px;}

.works .title {border-bottom: 1px dashed #ddd;margin: 0 20px;padding: 30px 0;}

.works .title b {border-left: 0;}

.works ul {padding-top: 20px;}

.works ul li {float: left;width: 270px;text-align: center;padding: 5px 0 15px 125px;}

.works ul li span {display: block;overflow: hidden;width: 270px;height: 180px;}

.works ul li p {line-height: 40px;font-size: 16px}

.works ul li a {display: block;color: #222;}

.works ul li a:hover {color: #236FFA;}




.case ul li {float: left;width: 270px;text-align: center;padding: 5px 0 15px 125px;}
.case .title {border-bottom: 1px dashed #ddd;margin: 0 20px;padding: 30px 0;}

.case .title b {border-left: 0;}

.case ul {padding-top: 20px;}

.case ul li {float: left;width: 250px;text-align: center;padding: 5px 0 15px 45px;}

.case ul li span {display: block;overflow: hidden;width: 270px;height: 180px;}

.case ul li p {line-height: 40px;font-size: 16px}

.case ul li a {display: block;color: #222;}

.case ul li a:hover {color: #236FFA;}



#pages {height:38px;padding:18px 0px 24px 18px;clear:both;text-align:center}

#pages a,

#pages a:visited,#pages a:hover,#pages b {padding:0px 14px; border:1px solid #eee;display:inline-block;height:36px;line-heighT:36px;text-decoration:none;color:#999;margin:0 3px}

#pages a:hover,#pages b {border:1px solid #236FFA; color:#fff;background:#236FFA;}

#pages a.pagesdq {display:none}

/*自适应*/

@media only screen and (max-width:1250px){

.w,#footer,#main {width:1150px;}

.menu li {padding: 40px 10px 0;}

.side,

.rfixed {width:230px;}

.col {width: 900px;}

.col .mid {width: 650px;}

.col .col_side {width: 230px;}

.nomb {margin-bottom: 0;}

.float {margin-left: -575px;}



.banner img {min-width: 1140px;}

/*首页*/

.project p.desc {padding-bottom: 13px;}

.project ul li {width: 280px;padding: 11px 0 12px 30px;}

.project ul li span {width: 280px;height: 177px;}

.nlist li {line-height: 32px;height: 32px;font-size: 15px;}

.vd img{width: 100%;}

.speed li {padding: 0 34px;}

/*产品*/

.pnav {padding: 20px 0;}

.pnav li {padding: 0 15px;}

.pnav li a {line-height: 44px;height: 44px;font-size: 16px;border-radius: 44px;}

.product .extend img {max-width:790px;myimg:expression(onload=function(){	this.style.width=(this.offsetWidth > 790)?"790px":"auto";});}

.case ul li {width: 250px;padding: 5px 0 15px 38px;}

.case ul li span {width: 250px;height: 167px;}



}

@media only screen and (max-width:992px){

*{-webkit-user-select: none;-webkit-tap-highlight-color: rgba(200,200,200,0);}

* {-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}

body {font-size:100%;}

.w,#footer,#main {width:100%;}

.side,.rfixed,.col,.col .mid,.col .col_side {float: none;width: 100%;}



.banner {text-align: center;margin-bottom: .5rem;}

.banner img {min-width: 100%;display: none;}

.banner span,.banner span img {display: block;}

#footer {padding:1.2rem .5rem;}

#footer p {line-height:1.6rem;}

#footer p span {display: none;}



.navbtn,.znavbtn {width: 3rem; height: 3rem; text-indent: -900em; overflow: hidden; position: absolute; top: 0; right: 0; cursor: pointer; outline: none; background: #236FFA url(menu-button-bg.png) no-repeat center center; background-size: 50%;}

.navbtn {z-index: 10;}

#header {background: #236FFA;height:3rem;}

.logo {width:40%;height:3rem;padding:0 0 0 .5rem;}

.logo a,.logo a:visited {width:100%;line-height:9rem;width:100%;height:3rem;background:url(logo2x.png) no-repeat 0 center;background-size:70% auto;}



.box {margin-bottom: .5rem;}

.menu {display: none;background: #236FFA;width: 40%;z-index: 10;float: none;height: auto;position: absolute;top:3rem;right: 0;}

.menu li:first-child a {border-top: 0;}

.menu li {float: none;padding:0;height:auto;border-bottom: 1px solid #044FD9;}

.menu li a {line-height: auto;font-size:1rem;padding:.3rem 0;color: #fff;text-align: center;border-top: 1px solid #397DFB;}

.menu li a:hover:after,.menu a.on:after,.drop-on a:after {display: none;}

.menu li a:hover {background: #397DFB;color: #fff;}

.drop-t em {display: none;}

.drop-b {background: #fff;position: fixed;width: 100%;top: 3rem;left: 0;z-index: 9;overflow-y: auto;-webkit-overflow-scrolling: touch;height: 100%;padding: 1rem;}

.drop-b dl {float: none;width: 100%%;padding:.5rem 0;clear: both;}

.drop-b dl dt {padding: 0;}

.drop-b dl dt a {display: block;background: #eee;border-radius: 5px;color: #000;text-indent:1em;line-height: 2.4rem;font-size:1rem;border: 0;text-align: left;}

.drop-b dl dd {line-height: 2.4rem;text-indent:0;padding:0;float: left;width: 50%;}

.drop-b dl dd a {display:block;line-height: 2.4rem;height: 2.4rem;color: #666;font-size:.8rem;border: 0;}

.menu li .drop-b dl dd a:hover {border-bottom:0;background:none;color: #666;}

.mask {position:absolute;top:0px;left:0;width:100%;height:100%;opacity:.1;background:#000;z-index:9;display: none;}



#gotop {right: .5rem;margin-right:0;bottom:1rem;}

#gotop a {width: 2.5rem;height: 2.5rem;background: url(gotop.gif) 0 0 no-repeat #9f9f9f;background-size:auto 2.5rem;border-radius:2.5rem}

#gotop a:hover {background-position: -2.5rem 0}





.contact-bar {padding: 1.4rem 1rem 1.6rem;}

.contact-bar p {font-size: 1.1rem;line-height: 2rem;padding-bottom: 1.2rem;}

a.btn {height: 2.6rem;border-radius: 5px;line-height: 2.6rem;font-size: 1rem;padding: 0 2rem;}

.znav {margin:0;}

.znav .tit {height: 2.6rem;line-height:2.6rem;text-align:left;position: relative;padding: 0 1rem;background: #ddd;}

.znav .tit h3 {font-size:1.2rem;color: #000;}

.znav .tit:after {display: none;}

.znav .znavbtn {width: 2.6rem; height: 2.6rem;background-color: #ccc;}

.znav .bd {display:none;padding:1rem 0;width: 70%;position:fixed;top:0;left: 0;background: rgba(0,0,0,.8);height: 100%;z-index: 9;overflow-y: auto;-webkit-overflow-scrolling: touch;}

.znav ul {padding: 0;}

.znav li {line-height:100%;height: auto;position: relative;text-align: center;font-size: 1rem;padding-bottom: 0px;}

.znav li a {color: #fff;padding: 1rem 0;}

.znav li a:hover {background:none;}

.znav li a:hover:after {display: none;}



.project {padding: 0 .5rem;}

.project h2 {font-size: 1.2rem;padding: 1.5rem 0 1rem;}

.project p.desc {padding-bottom: 1rem;font-size: .9rem}

.project ul li {width: 100%;padding:.6rem 0;border-bottom: 1px solid #eee;}

.project ul li span {float:left;width: 30%;height: auto;display: block;}

.project ul li p {float:left;width:70%;font-size: 1rem;line-height: 1.8rem;padding:0 0 0 1rem;}



.title {height: 4rem;padding: 1rem 0;}

.title b {line-height: 24px;padding-left: 1rem;font-size: 1rem;}

.diyform,.content,.nlist,.links p,.speed {padding: 0 .5rem .5rem;}

.diyform li {height: auto;padding-bottom: 14px;clear: both;}

.inpt,.sbtn {line-height: 2.4rem;height: 2.4rem;font-size:14px}

.inpt {padding: 0;text-indent: 10px;}



.content .kftel {font-size: 2rem;padding-bottom: 0;}

.content .bizqq,.content .week,.content .gzh p {line-height: 1.8rem;}

.content .bizqq {padding-bottom:1rem;}

.content .gzh {border-top: 1px solid #E6E6E6;padding: 20px 0 0;}

.content .gzh img {width: 30%;height: auto;}



.nlist li {line-height: 2rem;height: 2rem;font-size:1rem;}

.vd {display: none;}

.mt20 {margin-top: 0;}

.speed {height: 100%;overflow: hidden;}

.speed li {height: auto;padding: 0 0 1rem;float:left;width:40%;}

.speed li p {font-size: 1rem;padding-top: 1rem;}

.links {margin-bottom: 0;}

.links p {line-height: 2rem;}

.links p a {margin-right: .5em;font-size: 1rem;}





.view {padding: .5rem;}

.loaction {line-height:100%;font-size: .8rem;padding: .7rem 0;}

.newslist {}

.newslist ul {padding: 0;}

.newslist li {padding:.8rem .5rem;height:100%;overflow: hidden;position: relative;}

.newslist li a.img {width:33%;height:auto;top:.8rem;position: initial;float: left;}

.newslist li p {padding-left: 36%;}

.newslist li b {font-size:1rem;line-height:1.4rem;padding-bottom:.5rem;}

.newslist li span {display:none}

.newslist li em {font-size: .7rem;padding: 0;}



.view .hd {padding:0 0 .5rem 0;border-bottom: 1px dashed #ccc;}

.view .hd h1  {font-size:1.4rem;line-height:2rem;padding:1rem 0 .5rem;}

.view .hd .auor {line-height:1.4rem;font-size: .8rem}

.view .hd .auor span {padding:0 .5rem;}



#endtext {padding: .5rem 0rem;color: #666;font-size: 1rem;line-height:1.8rem;}

#endtext b,#endtext strong {font-weight:700;}

#endtext p {margin:.5rem 0;}

#endtext img,.product .extend img{display:block;max-width:640px;margin:0 auto;width:100%;height:auto;}

#endtext blockquote{margin: 0;}



.tag {text-align: left;height: 3rem;font-size: .8rem}

.infoprev {padding:  10px 0;height: auto;line-height: 2rem;color: #236FFA;font-size: .9rem}

.infoprev p {float: none;width: 100%;}

.infoprev p.last {text-align: left;}

.comment {padding: 0 10px;}

.comment h4 {font-size: 1rem;color: #236FFA;padding:1rem 0;}



/*产品*/

.pnav {padding:.5rem 0;border: solid #eee;border-width: 1px 0;}

.pnav li {padding:1px;float: left;width: 50%;}

.pnav li a {text-align:center;line-height: 2rem;height:2rem;padding: 0;font-size: .8rem;border-radius: 0;background: #f0f0f0;}

.pnav li a:hover,.pnav li a.on {background: #236FFA;color: #fff;}

.product .hd  {border-bottom: 0;}

.product .hd h1 {font-size: 1.4rem;}

.product .bd {padding: 0 .5rem;}

.product .bd .title {padding: 1rem 0 0rem;} 

.product .title b {font-size:1.2rem;font-weight: 400;padding-left: 1rem;}

.product .title span {padding-left: 1em;font-size: 1rem;}

.product .extend {padding: 0;line-height: 1.8rem;font-size: 1rem}

.product .extend p {margin-bottom:.5rem;}

.product .extend h3 {color: #236FFA;font-size: 1rem;height:2rem;}

.product .extend a {color: #236FFA;}

.product .extend table {table-layout: fixed;width: 100%;}



 a:hover {color: #000;}



.sbox {padding-bottom: 1rem;}

.sbox:last-child {border-bottom: 0;padding-bottom: .5rem;}



.case .title {border-bottom: 1px dashed #ddd;margin: 0 .5rem;padding:1rem 0;}

.case .title b {border-left: 0;}

.case ul {padding-top: .5rem;}

.case ul li {float: left;width: 50%;text-align: center;padding:.5rem;}

.case ul li:nth-child(2n+1){clear: both;}

.case ul li span {display: block;overflow: hidden;width: 100%;height: auto;max-width:270px;max-height: 180px;}

.case ul li p {line-height: 1.4rem;font-size:.8rem;padding-top: .5rem;}









#pages {height:auto;padding:1rem 0px;clear:both;text-align: center;}

#pages span {display:none}

#pages a.pagesdq {display:inline-block;width:38%}

#pages a,#pages a:visited,#pages a:hover,#pages b{padding:0 .6rem;width:28%;line-height:auto;margin: .4rem 1%;}

#pages a.pagesdq em {color:#f00}





}

@media screen and (min-width : 768px) {

	html {font-size: 150%;}

	

}



@media only screen and (max-width:640px) {

.logo a,.logo a:visited {background-size:80% auto;}



}

@media only screen and (max-width:480px) {

.logo a,.logo a:visited {background-size:100% auto;}





}

@media only screen and (max-width:360px) {

.logo a,.logo a:visited {background-size:80% auto;}



	

}

@media only screen and (max-width:320px) {

html{font-size: 62.5%}

.pnav li {width: 100%;}

.pnav li a {line-height: 2.4rem;height:2.4rem;font-size: 1rem;}

	



	

}